<div class="innerbanner">
    <img src="/static/picture/con_banner.jpg" alt="">
    <div class="text icenter3">
        <h3 aos="fade-up">About Us</h3>
        <h4 aos="fade-up">关于我们</h4>
    </div>
</div>

<!-- vi_box -->
<div class="vi_box" style="display: none;">
    <div class="box">
        <div class="video">
            <!-- <div class="close fa fa-close"></div> -->
            <img src="/static/images/vi_close.png" class="close">
            <video src="" controls=""></video>
        </div>
    </div>
</div>

<script>
    $(window).scroll(function () {
        scroll = $(document).scrollTop();
        bai = 1 + scroll / $(document).height()
        $(".innerbanner img").css("transform", "scale(" + bai + ")")
    })
</script>

<div class="fx">
    <div class="com_nav">
        <div class="icenter3" aos="fade-up">
            <div class="le">
                Company Profile
            </div>
            <div class="ri">
                <a href="" class="active">Company Profile</a>
                <a href="/development.html">R&D Capability</a>
                <a href="/honor.html">Company Credential</a>
                <a href="/factory.html">Production Factory</a>
            </div>
        </div>
    </div>
    <!-- com01 -->
    <div class="com01">
        <div class="content" aos="fade-up">
            <div class="bg"><img src="/static/images/com01_bg.png" alt=""></div>
            <div class="ri">
                <video loop="" poster="/video/com_v.jpg">
                    <source src="/video/company1013.mp4?v=4" type="video/mp4">
                </video>
                <div class="bo"><img src="/static/images/com_bo.png" alt=""></div>
                <div class="mask"></div>
            </div>
            <div class="top">
                <div class="le">
                    <div class="con_wen">COMPANY</div>
                    <h3>
                        Beijing Suryee Science&Technolofy Co., Ltd.
                    </h3>
                    <h4>Committed to becoming a leader in China's high-performance functional materials technology</h4>
                    <p>
                        Beijing Suryee Science&Technology Co., Ltd was founded in 2007 in University of Science and
                        Technology Beijing(USTB)Science and Technology Park ,Zhongguancun Science and Technology park is
                        a national high- specializing in R&D,production and sales of wear resistant materials. The
                        company specializes in the process research and development, production and sales of arc
                        spraying powder core wire, wear-resistant overlay welding powder core wire, laser cladding
                        materials, and anti-corrosion materials.<br />
                        The company's industrial base in Jiangxi has multiple leading domestic powder core wire
                        production lines, high-end metal powder production lines, powder steel production lines,
                        multiple CMT fusion equipment, laser cladding equipment, and a complete laboratory and product
                        research and development testing platform. <br />
                        The company has an independent research and development department, which engaged in the
                        development of new materials and process technology innovation and established long-term close
                        R&D co-operation with the institute of New Materials Technology of University of Science and
                        Technology Beijing . The company has applied for a number of independent intellectual property
                        rights and invention patents, Suryee takes the lead in passing the ISO9001 quality management
                        system certification .For these years The company has become a leader in the industry with its
                        spirit of continuous innovation, high-quality products, perfect after-sales service and good
                        reputation.

                    </p>
                </div>
            </div>
        </div>
        <div class="icenter3">
            <dl class="com_num_count" aos="fade-up">
                <dd>
                    <div class="c">
                        <img src="/static/images/com01_1.png" alt="">
                        <div class="c_ri">
                            <h4>
                                <strong class="com_num" data-startval="0" data-endval="25000" data-speed="4"
                                    data-decimals="0" id="com_num_1">25000</strong>
                                <strong>+</strong>
                            </h4>
                            <span>Area</span>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="c">
                        <img src="/static/images/com01_2.png" alt="">
                        <div class="c_ri">
                            <h4>
                                <strong class="com_num" data-startval="0" data-endval="2" data-speed="4"
                                    data-decimals="0" id="com_num_2">2</strong>
                                <strong>+</strong>
                            </h4>
                            <span>Production Base</span>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="c">
                        <img src="/static/images/com01_3.png" alt="">
                        <div class="c_ri">
                            <h4>
                                <strong class="com_num" data-startval="0" data-endval="100" data-speed="4"
                                    data-decimals="0" id="com_num_3">100</strong>
                                <strong>+</strong>
                            </h4>
                            <span>Employees</span>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="c">
                        <img src="/static/images/com01_4.png" alt="">
                        <div class="c_ri">
                            <h4>
                                <strong class="com_num" data-startval="0" data-endval="3000" data-speed="4"
                                    data-decimals="0" id="com_num_4">3000</strong>
                                <strong>+</strong>
                            </h4>
                            <span>Customers</span>
                        </div>
                    </div>
                </dd>
            </dl>
        </div>
    </div>
    <script>
        new Pvi({
            target: ".com01  .ri .bo",
            source: ".com01  .ri video source"
        })
    </script>

    <script type="text/javascript">
        $(function () {
            //主动拓展出来的功能
            // let cc_top = $(".index02").offset().top; 
            var countCXArr = [];
            var countCX = function () {
                let sT1 = $(window).scrollTop();
                $('.com_num_count').each(function (i, dom) {
                    //控制上下滑动数字的重置
                    // if(sT1>cc_top-100 || sT1 < 500){  countCXArr[i] = false;}
                    if (countCXArr[i] && countCXArr[i] === true) { return; }
                    var sT;
                    var ncTop;
                    sT = $(window).scrollTop();
                    ncTop = $(dom).offset().top;
                    var id, decimals, startVal, endVal, duration;
                    if (sT > ncTop - $(window).height() && sT < ncTop) {
                        $(dom).find('.com_num').each(function () {
                            id = $(this).attr('id');
                            decimals = $(this).attr('data-decimals'),
                                startVal = $(this).attr('data-startVal'),
                                endVal = $(this).attr('data-endVal'),
                                duration = $(this).attr('data-speed');

                            new CountUp(id, startVal, endVal, decimals, duration, {
                                useEasing: true,
                                separator: ''
                            }).start();
                            countCXArr[i] = true;
                        })
                    }
                })
            }
            countCX();
            $(window).on("scroll", function () {
                countCX();
            })
        });
    </script>
    <!-- com02 -->
    <div class="com02" aos="fade-up">
        <div class="ding_wen">
            <!-- <div class="icon">
        <img src="/style/img/ny_gyfa_bj.png" alt="">
        </div> -->
            <div class="text">
                <h3>High quality welding wire material、Metal additive manufacturing<br>And one-stop service provider for
                    craftsmanship</h3>
                <h4>ONE STOP SOLUTION</h4>
            </div>
        </div>
        <div class="content">
            <div class="swiper com02Swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="box">
                            <img src="/static/picture/ny_gy_t1.jpg" alt="">
                            <div class="text">
                                <h4>High quality welding wire material</h4>
                                <p>Series of wire materials including arc spraying powder core wire, wear-resistant
                                    overlay welding powder core wire, laser cladding material, incinerator
                                    anti-corrosion material, etc; assist users in increasing production and efficiency,
                                    and achieve stable protection.</p>
                                <a href="javascript:;" class="more">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="box">
                            <img src="/static/picture/ny_gy_t3.jpg" alt="">
                            <div class="text">
                                <h4>Metal powder materials</h4>
                                <p>Iron based alloy powder, nickel based alloy powder, Suitable for various metal
                                    additive manufacturing processes.</p>
                                <a href="javascript:;" class="more">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="box">
                            <img src="/static/picture/ny_gy_t2.jpg" alt="">
                            <div class="text">
                                <h4>Wear resistant plate</h4>
                                <p>Provide high wear-resistant composite steel plates with high wear resistance, strong
                                    impact resistance, easy processing, high cost-effectiveness, and comprehensive
                                    quality control for specific application scenarios.</p>
                                <a href="javascript:;" class="more">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="bot_nav">
            <div class="g">
                <span>High quality welding wire material</span>
                <img src="/static/images/com02_1i.png" alt="">
            </div>
            <div class="g">
                <span>Metal powder materials</span>
                <img src="/static/images/com02_2i.png" alt="">
            </div>
            <div class="g">
                <span>Wear resistant plate</span>
                <img src="/static/images/com02_3i.png" alt="">
            </div>
        </div>
    </div>
    <script>
        var com02Swiper = new Swiper('.com02Swiper', {
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            speed: 0,
            effect: 'fade',
            on: {
                init: function (swiper) {
                    this.autoplay.stop();
                    $(".com02 .bot_nav .g").eq(this.activeIndex).addClass("active")
                    this.autoplay.start();
                },
                slideChangeTransitionStart: function () {
                    $(".com02 .bot_nav .g").eq(this.activeIndex).addClass("active").siblings().removeClass("active")
                },
            },
            speed: 1000,
        })
        $(".com02 .bot_nav .g").hover(function () {
            $(this).addClass("active").siblings().removeClass("active")
            var dex = $(this).index()
            switch (dex) {
                case 0:
                    com02Swiper.slideTo(0, 1000, false);
                    break;
                case 1:
                    com02Swiper.slideTo(1, 1000, false);
                    break;
                case 2:
                    com02Swiper.slideTo(2, 1000, false);
                    break;
            }
        })
    </script>

    <!-- com03 -->
    <div class="com03">
        <div class="pagemap icenter3">
            <div class="maps" aos="fade-up">
                <div class="tt">
                    <h3>Serving Global Users</h3>
                    <h4></h4>
                </div>
                <div class="about04min" aos="fade-up">
                    <img class="map" src="/static/images/a-map.png">
                    <div class="mapicon mapicon01"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <!-- <div class="mapicon mapicon02"><img src="/static/images/ny_gsjs_y2.png"></div> -->
                    <div class="mapicon mapicon03"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <div class="mapicon mapicon04"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <div class="mapicon mapicon05"><img src="/static/images/ny_gsjs_y1.png"></div>
                    <div class="mapicon mapicon06"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <!-- <div class="mapicon mapicon07"><img src="/static/images/ny_gsjs_y1.png"></div> -->
                    <div class="mapicon mapicon08"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <div class="mapicon mapicon09"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <div class="mapicon mapicon10"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <div class="mapicon mapicon11"><img src="/static/images/ny_gsjs_y1.png"></div>
                    <!-- <div class="mapicon mapicon12"><img src="/static/images/ny_gsjs_y2.png"></div> -->
                    <div class="mapicon mapicon13"><img src="/static/images/ny_gsjs_y1.png"></div>
                    <div class="mapicon mapicon14"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <div class="mapicon mapicon15"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <!-- <div class="mapicon mapicon16"><img src="/static/images/ny_gsjs_y2.png"></div> -->
                    <div class="mapicon mapicon17"><img src="/static/images/ny_gsjs_y2.png"></div>
                    <div class="mapicon mapicon18"><img src="/static/images/ny_gsjs_y2.png"></div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(function () {
            function test() {
                var len = $(".about04min .mapicon").length;
                var suiji = parseInt(Math.random() * len);
                $(".about04min .mapicon").eq(suiji).addClass("hide").siblings().removeClass("hide");
            }
            setInterval(test, 250);
        })
    </script>

    <!-- com04 -->
    <div class="com04">
        <div style="width: 100%; background-color: rgba(18, 103, 234, 0.7); padding: 127px 0 167px;">
            <div class="icenter3">
                <h3 aos="fade-up">Corporate Culture</h3>
                <dl aos="fade-up" class="aos-init aos-animate">
                    <dd>
                        <div class="icon"><img src="/static/images/com04_1.png" alt=""></div>
                        <div class="text">
                            <h5>Company Philosophy</h5>
                            <p>Independent Innovation<br>Pursuing Excellence</p>
                            <span>MISSION</span>
                        </div>
                    </dd>
                    <dd>
                        <div class="icon"><img src="/static/images/com04_2.png" alt=""></div>
                        <div class="text">
                            <h5>Corporate Spirit</h5>
                            <p>Dedicated, Focused, Professional</p>
                            <span>VISION</span>
                        </div>
                    </dd>
                    <dd>
                        <div class="icon"><img src="/static/images/com04_3.png" alt=""></div>
                        <div class="text">
                            <h5>Core Values</h5>
                            <p>Materials, research and development, services</p>
                            <span>VALUE</span>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
    </div>

    <!-- com05 -->
    <div class="com05" id="history">
        <div class="icenter3">
            <h3 aos="fade-up">History of Suryee</h3>
            <div class="bot" aos="fade-up">
                <div class="le">
                    <div class="swiper com05_gallery">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="box">
                                    <div class="seg">
                                        <h4>2021<span>年</span></h4>
                                        <p>● Beijing Suryee "Research and Engineering Application on Comprehensive
                                            Treatment of High Temperature Corrosion of Water Wall in High Sulfur Coal
                                            Fired Boilers" Received the first prize of the Science and Technology Award
                                            from CSCP</p>
                                    </div>
                                    <div class="seg">
                                        <h4>2020<span>年</span></h4>
                                        <p>● Jiangxi Suryee New Materials Technology Co., Ltd. Established<br />
                                            ● Passed ISO9001 quality system certification<br />
                                            ● Shangdong Suryee New Materials Technology Co., Ltd. Established</p>
                                    </div>
                                    <div class="seg">
                                        <h4>2019<span>年</span></h4>
                                        <p>● Beijing Saiyi Technology Co., Ltd. has been recognized as a high-tech
                                            enterprise
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box">
                                    <div class="seg">
                                        <h4>2017<span>年</span></h4>
                                        <p>● Hebei Saiyi New Materials Technology Co., Ltd. Established
                                        </p>
                                    </div>
                                    <div class="seg">
                                        <h4>2015<span>年</span></h4>
                                        <p>● High temperature corrosion resistant self-cleaning ceramic coating CNCC has
                                            passed the acceptance of the Ministry of Science and Technology
                                        </p>
                                    </div>
                                    <div class="seg">
                                        <h4>2013<span>年</span></h4>
                                        <p>● Beijing Zhongguancun Enterprise Credit Promotion Association has upgraded
                                            the company's credit rating to a one star enterprise<br />
                                            ● "High temperature abrasion resistant ceramic coating materials" Received
                                            the second prize for scientific and technological progress from CSCP<br />
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box">
                                    <div class="seg">
                                        <h4>2012<span>年</span></h4>
                                        <p>● Obtained the New Technology and Product Certificate of Zhongguancun
                                            National Independent Innovation Demonstration Zone</p>
                                    </div>
                                    <div class="seg">
                                        <h4>2011<span>年</span></h4>
                                        <p>● "CNSR Flux-cored Wire for High Temperature Sulfur Corrosion Resistance Arc
                                            Spraying" Supported by Science and Technology Projects in Haidian District,
                                            Beijing<br />
                                            ● "High temperature corrosion resistant ceramic coating materials" Received
                                            funding from the Science and Technology Program of the Beijing Municipal
                                            Commission of Science and Technology<br />
                                            ● MT-V250 vacuum induction melting and atomization powder making furnace put
                                            into operation<br />
                                            ● MT-250, a scientific research type laser selective melting and forming
                                            equipment, has been put into operation<br />
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box">
                                    <div class="seg">
                                        <h4>2010<span>年</span></h4>
                                        <p>● Becoming the Executive Director of the Thermal Spray Professional Committee
                                            of the China Surface Engineering Association<br />
                                        </p>
                                    </div>
                                    <div class="seg">
                                        <h4>2008<span>年</span></h4>
                                        <p>● "Microcrystalline and nanocrystalline high-performance arc spraying powder
                                            core wire materials"Obtained funding from the Technology Innovation Fund for
                                            technology-based small and medium-sized enterprises
                                        </p>
                                    </div>
                                    <div class="seg">
                                        <h4>2007<span>年</span></h4>
                                        <p>● Beijing Suryee was established in Zhongguancun Science and Technology Park,
                                            embarking on the entrepreneurial journey of high-performance functional
                                            materials technology</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev com05_gallery-button-prev fa fa-angle-left"></div>
                        <div class="swiper-button-next com05_gallery-button-next fa fa-angle-right">
                            <div class="ban-yuan">
                                <div class="box base">
                                    <div class="wrapper">
                                        <div class="circle left"> </div>
                                        <div class="circle right"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ri zy-beyond">
                    <div class="imgbox"><img src="/static/picture/com05_ri.jpg" alt=""></div>
                    <div class="swiper com05_thumbs">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <p>2019-2021</p>
                            </div>
                            <div class="swiper-slide">
                                <p>2013-2018</p>
                            </div>
                            <div class="swiper-slide">
                                <p>2011-2012</p>
                            </div>
                            <div class="swiper-slide">
                                <p>2007-2010</p>
                            </div>
                        </div>
                    </div>
                    <div class="yuan base"><i></i></div>
                </div>
            </div>
        </div>
    </div>
    <script language="javascript">
        var com05_thumbs = new Swiper('.com05_thumbs', {
            speed: 300,
            effect: 'fade',
            allowTouchMove: false,
            loop: true,
        })
        var com05_gallery = new Swiper('.com05_gallery', {
            speed: 300,
            effect: 'fade',
            navigation: {
                nextEl: '.com05_gallery-button-next',
                prevEl: '.com05_gallery-button-prev',
            },
            allowTouchMove: false,
            thumbs: {
                swiper: com05_thumbs,
            },
            autoplay: {
                delay: 20000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            on: {
                slideNextTransitionStart: function (swiper) {
                    $(".zy-beyond .yuan").removeClass("base")
                    $(" .ban-yuan .box").removeClass("base")
                },
                slidePrevTransitionStart: function (swiper) {
                    $(".zy-beyond .yuan").removeClass("base")
                    $(" .ban-yuan .box").removeClass("base")
                },
                slidePrevTransitionEnd: function (swiper) {
                    $(".zy-beyond .yuan").addClass("base")
                    $(" .ban-yuan .box").addClass("base")
                },
                slideNextTransitionEnd: function () {
                    $(".zy-beyond .yuan").addClass("base")
                    $(" .ban-yuan .box").addClass("base")
                },
            },
            loop: true,
        })
    </script>

    <div class="i06">
        <div class="top aos-init aos-animate" aos="fade-up">
            <div class="i_h3">COOPERATIVE PARTNERS</div>
            <p>With the spirit of "dedication, focus, and professionalism", we continuously enhance our core
                competitiveness in "materials, research and development, and services", create value for customers, and
                contribute to society.</p>
        </div>
        <div class="bot">
            <div class="icenter">
                {php}
                $partners = \app\model\Partner::queryList();
                {/php}
                <div aos="fade-up" class="aos-init aos-animate imgbox">
                    {foreach $partners as $partner}
                    <div class="core">
                        <img src="{$partner->picture}" title="{$partner->title}">
                        <!-- <div class="">
                        </div> -->
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
</div>
